<template>
	<div class="left_menu" v-show="true">
		<div class="logo_fuji">
			<img class="logo" src="/public/logo.jpg" alt="" width="20%" />
			<div class="logo_name">JSLOG管理</div>
		</div>
		<div class="menu_div">
			<div>&nbsp;</div>
			<div class="menu_div_botom" v-for="(v,k) in menu_list" :key="v.Mid">
				<RouterLink :to="v.Menu_url" class="routerLinkManuSty">{{v.Menu_name}}</RouterLink>
				<div>&nbsp;</div>
			</div>
		</div>
	</div>
</template>

<script>
	export default {
		name:"menu",
		data(){
			return {
				menu_list:[]
			}
		},
		methods:{
			getMenu(){
				var thisManu = this
				// 发送POST请求
				this.$axios.post('/admin/v1/menu/menu_list', {}, {headers:{'Content-Type':'"application/x-www-form-urlencoded;charset=UTF-8'}}).then(function (response) {
					thisManu.menu_list = response.data.data
				});
			}
		},
		created(){
			this.getMenu();
		},
		mounted: function(){
			
		}
	}
</script>

<style scoped>
	.left_menu{
		background-color: #191A23;
		height: 953px;
		width: 8%;
		float: left;
	}
	.logo_fuji{
		float: left;
		height: 68px;
		border-bottom: 1px solid #343434;
	}
	.logo{
		border-radius: 50%;
		float: left;
		margin-top: 5%;
		margin-left: 5%;
	}
	.logo_name{
		float: left;
		margin-left: 6%;
		margin-top: 8%;
		color: aliceblue;
		font-size: 20px;
	}
	.menu_div{
		width: 90%;
		float: left;
		color: aliceblue;
		font-size: 18px;
		padding-left: 10%;
	}
	.routerLinkManuSty{
		color: #FFFFFF;
	}
</style>